@charset "UTF-8";

body{
	margin-left: 100px;
	margin-right: 100px;
}

.handler{
	height: 100px;
	width: 100%;
	background-color: #f2f2f2;
	float: left;
}

.handler ul {
    list-style-type: none;
}
.handler ul li{
	margin-left:1%;
	display:inline;
}

.handler2{
	height: 150px;
	width: 100%;
	background-color:rgb(0,144,255);
}
.handler2 button{
	width:30px;
	height:30px;
	margin-top:5px;
}
.handler2 img{
	width:30px;
	height:30px;
	margin-top:5px;
}
.handler3{
	float:left;
	width: 20%;
	height: 460px;
}

.handler4{
	float:left;
	width: 80%;
	height: 460px;
}
.welcome{
	color:#29a8ff;
	position:relative;
	animation:mymove 5s infinite;
	animation-timing-function:linear;
	
	/* Safari and Chrome */
	-webkit-animation:mymove 12s infinite;
	-webkit-animation-timing-function:linear;
}

@keyframes mymove
{
	from {left:100%;}
	to {left:-600px;}
}

/*  @-webkit-keyframes mymove Safari and Chrome
{
	from {top:0px;}
	to {top:200px;}
}  */
